body {
	/* width: 4096px; */
	/* height: 1920px; */
	margin: 0;
}

.mainbox {
	/* width: 4096px; */
	/* height: 1920px; */
	background-color: #000000;
	padding: 0px 0.2rem;
	box-sizing: border-box;
}

.mainbox-head {
	width: 100%;
	height: 0.75rem;
	position: relative;
	padding: 0.2rem 0;
	box-sizing: border-box;
}

.image_logo {
	width: 2.2rem;
	height: 0.5rem;
}

.mainbox-head-left {
	position: absolute;
	left: 0;
}

.mainbox-head-left-span {
	font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
	font-weight: 500;
	font-size: 0.35rem;
	text-align: left;
	font-style: normal;
	line-height: 0.45rem;
	text-transform: none;
	background: linear-gradient(90deg, #FFFFFF 0%, #9FF6FF 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}


.mainbox-head-middle {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.mainbox-head-middle-span {
	font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
	font-weight: 500;
	font-size: 0.38rem;
	color: #139EFF;
	text-align: left;
	font-style: normal;
	text-transform: none;
}

.mainbox-head-right {
	position: absolute;
	right: 0;
}

.mainbox-head-right-span {
	font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
	font-weight: 400;
	font-size: 0.28rem;
	color: #FFFFFF;
	line-height: 0.42rem;
	text-align: right;
	font-style: normal;
	text-transform: none;
}


.mainbox-body {
	width: 100%;
	height: 9.5rem;
	position: relative;
	padding: 20px 0;
	box-sizing: border-box;
}


.card {
	width: 6.2rem;
	height: 1.4rem;
	background: #25262D;
	border-radius: 0.2rem;
	margin-left: 0.16rem;
	margin-right: 0.15rem;
	margin-bottom: 0.2rem;
	float: left;
}

.card-left {
	position: relative;
	width: 1.7rem;
	height: 100%;
	float: left;


}

.card-left-img {
	width: 1.2rem;
	height: 1.2rem;
	position: absolute;
	left: 0.3rem;
	top: 0.1rem;
}

.card-left-span {
	position: absolute;
	left: 0.52rem;
	top: 0.52rem;
	font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
	font-weight: 500;
	font-size: 0.25rem;
	color: #FFFFFF;
	letter-spacing: 2px;
	text-align: left;
	font-style: normal;
	text-transform: none;
}

.card-right {
	position: relative;
	width: 4.2rem;
	height: 100%;
	float: left;
}

.card-right-top {
	height: 61px;
	font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
	font-weight: bold;
	font-size: 0.35rem;
	color: #FFFFFF;
	text-align: left;
	font-style: normal;
	text-transform: none;
	position: absolute;
	top: 0.2rem;
	left: 0.05rem;

}

.card-right-bottom {

	position: absolute;
	top: 0.9rem;
	left: 0.05rem;
	right: 0.05rem;
}

.card-sick {
	position: absolute;
	width: 2.4rem;
	height: .3rem;
	left: 1.8rem;
	top: 0rem;
}

.card-right-bottom span {

	font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
	font-weight: 400;
	font-size: 0.2rem;
	color: #C4CDE4;
	text-align: left;
	font-style: normal;
	text-transform: none;
	width: 2.4rem;
	float: left;
}

.mainbox-foot {
	width: 100%;
	height: 0.9rem;
	position: relative;
}

.card-right-kuang {
	width: 0.6rem;
	height: 0.3rem;
	position: absolute;
	left: 1.3rem;
	top: 0.3rem;
	line-height: 0.25rem;
	text-align: center;
	background: rgba(255, 181, 69, 0.15);
	border-radius: 0.05rem;
	border: 0.01rem solid #FFB545;
	font-family: HarmonyOS Sans SC, HarmonyOS Sans SC;
	font-weight: 400;
	font-size: 0.2rem;
	color: #FFB545;
	font-style: normal;
	text-transform: none;
}


.marquee {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
}

.marquee-span {
	display: inline-block;
	padding-left: -60%;
	animation: marquee 8s linear infinite;
}

@keyframes marquee {
	0% {
		transform: translateX(50%);
	}


	100% {
		transform: translateX(-100%);
	}


}